<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>

    <h1>测试表单回显页面</h1>

    <a th:href="@{/}">回首页</a>

    <br/><br/>

    佩奇ID：<input type="text" name="paigeId" th:value="${paige.paigeId}" /><br/>
    佩奇名字：<input type="text" name="paigeName" th:value="${paige.paigeName}" /><br/>
    佩奇最喜欢的季节：
    <!-- th:each 属性：遍历集合数据，生成一组单选按钮标签 -->
    <!-- th:value 属性：每一个单选按钮标签中，给 value 属性赋值 -->
    <!-- th:text 属性：生成每一个单选框后面给用户看的文本 -->
    <!-- th:checked 属性：编写一个表达式，用来判断当前单选框是否要勾选 -->
    <!--    表达式是将『当前单选框的value值』和『用来回显表单的实体类的对应属性值』进行比较 -->
    <input type="radio" name="season.submitValue"
           th:each="season : ${seasonList}"
           th:value="${season.submitValue}"
           th:text="${season.showForUserValue}"
           th:checked="${season.submitValue == paige.season.submitValue}"
           />

</body>
</html>